<template>
    <div>  
        <div class="bgc">
            <span class="left">
                   <slot name="left"></slot>
            </span>
            <span class="center">
                   <slot name="center"></slot>
            </span>
            <span class="right">
                   <slot name="right"></slot>
            </span>
        </div>
    </div>
</template>
<script>
export default {
        data(){
            return{

            }
        },
     
}
</script>
<style  scoped>
.bgc {
     width: 299px;
    height: 43px;
    background: url("../../assets/image/qx/title.png");
    font-size: 16px;
    line-height: 43px;
    font-weight: 500;
}

.left{
    color: #0efcff;
    margin-left: 30px;
}
.center {
    margin-left: 20px;
    color: #0efcff;
    margin-right: 20px;
}
.right {
    color: #708acc;
}
</style>